.modal-service-payment .modal-content{border:none;border-radius:12px;box-shadow:0 8px 16px 0 rgba(1,18,34,.039)}.modal-service-payment .modal-dialog{min-width:900px}.modal-service-payment__header{align-items:flex-start;box-shadow:0 2px 5px 0 rgba(0,0,0,.04);display:flex;justify-content:center;padding:20px 32px 10px;position:relative}.modal-service-payment__header--title{color:#00b14f;font-size:24px;font-weight:700;height:32px;line-height:24px}.modal-service-payment__header--title .text-default{color:#263a4d}.modal-service-payment__header--button-close{align-items:center;background:#f2f4f5;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:32px;top:20px;width:32px}.modal-service-payment__header--button-close i{color:#b3b8bd;font-size:21px}.modal-service-payment__header--button-close:hover{background:#00b14f}.modal-service-payment__header--button-close:hover i{color:#fff}.modal-service-payment .box-scroll{margin-right:-14px;max-height:540px;overflow-y:scroll;padding:1px 9px 1px 1px}.modal-service-payment .box-scroll::-webkit-scrollbar{opacity:.75;width:6px}.modal-service-payment .box-scroll::-webkit-scrollbar-track{background:transparent}.modal-service-payment .box-scroll::-webkit-scrollbar-thumb{background:rgba(33,47,63,.15);border-radius:100px!important}.modal-service-payment__content{padding:0 23px}.modal-service-payment__content .wrapper-payment{display:flex;gap:16px;margin-bottom:16px;margin-top:22px}.modal-service-payment__content .wrapper-payment__desc{display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:332px}.modal-service-payment__content .wrapper-payment__desc--policy{border-radius:8px;outline:1px solid rgba(38,58,77,.1);padding:10px 16px}.modal-service-payment__content .wrapper-payment__desc .policy__title{align-items:center;display:flex;gap:9px;margin-bottom:6px}.modal-service-payment__content .wrapper-payment__desc .policy__title--name{color:#263a4d;font-size:20px;font-weight:600;line-height:32px}.modal-service-payment__content .wrapper-payment__desc .policy__title--icon{color:#00b14f;font-size:22px}.modal-service-payment__content .wrapper-payment__desc .policy__name{font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:24px}.modal-service-payment__content .wrapper-payment__desc .policy__name>b{color:#00b14f;font-weight:700}.modal-service-payment__content .wrapper-payment__desc .policy__name>b a{color:#00b14f}.modal-service-payment__content .wrapper-payment__desc .policy__name ul{padding-inline-start:20px}.modal-service-payment__content .wrapper-payment__desc .policy__name ul li{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:.01em;line-height:22px;text-align:left}.modal-service-payment__content .wrapper-payment__desc .policy__name ul li .hight-light{font-weight:600}.modal-service-payment__content .wrapper-payment__desc--price{border-radius:8px;outline:1px solid rgba(38,58,77,.1);padding:17px 16px}.modal-service-payment__content .wrapper-payment__desc .price__title{align-items:center;display:flex;gap:9px;margin-bottom:6px}.modal-service-payment__content .wrapper-payment__desc .price__title--name{color:#263a4d;font-size:20px;font-weight:600;line-height:32px}.modal-service-payment__content .wrapper-payment__desc .price__title--icon{color:#00b14f;font-size:22px}.modal-service-payment__content .wrapper-payment__desc .price__content{align-items:center;display:flex;gap:10px}.modal-service-payment__content .wrapper-payment__desc .price__content--info{flex-grow:1}.modal-service-payment__content .wrapper-payment__desc .price__content--cost{color:#b3b8bd;font-size:16px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:line-through}.modal-service-payment__content .wrapper-payment__desc .price__content--cost-discount{color:#00b14f;font-size:20px;font-weight:700;letter-spacing:0;line-height:30px;margin-bottom:4px}.modal-service-payment__content .wrapper-payment__desc .price__content--cost-discount .percent_discount{color:#00b14f;font-size:16px;font-weight:600;letter-spacing:0;line-height:24px}.modal-service-payment__content .wrapper-payment__desc .price__content--desc{color:#263a4d;font-size:13px;font-weight:400;letter-spacing:0;line-height:20px}.modal-service-payment__content .wrapper-payment__desc .price__content img{height:100px;-o-object-fit:contain;object-fit:contain;width:100px}.modal-service-payment__content .wrapper-payment__info{border-radius:8px;flex-grow:1;outline:1px solid #e6e7e8;padding:12px}.modal-service-payment__content .wrapper-payment__info--title{color:#263a4d;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.16px;line-height:24px;margin:0 auto 16px;text-align:center;width:410px}.modal-service-payment__content .wrapper-payment__info--title span{color:#00b14f}.modal-service-payment__content .wrapper-payment__info--payment-success,.modal-service-payment__content .wrapper-payment__info--title-mobile{display:none}.modal-service-payment__content .wrapper-payment__info .wrapper-qr{background:#f2f4f5;border-radius:8px;display:flex;gap:20px;padding:12px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr{position:relative}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr--image{background:#fff;border-radius:6px;height:180px;margin-bottom:10px;padding:10px;width:180px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr--image img{height:160px;width:160px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr--time .time-second{font-size:12px;font-weight:400;letter-spacing:.01em;line-height:16px;text-align:center}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr--time .time-second span{color:#bf2a1d;font-size:12px;font-weight:600;letter-spacing:.0125em;line-height:16px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr--time .time-expired{color:#d83324;display:none;font-size:12px;font-weight:400;letter-spacing:.01em;line-height:16px;text-align:center}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr.expired .reload-qrcode{align-items:center;background:hsla(0,0%,100%,.7);cursor:pointer;display:flex;height:160px;justify-content:center;position:absolute;width:160px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr.expired .reload-qrcode__button{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:124px;justify-content:center;width:124px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr.expired .reload-qrcode__button--icon{align-items:center;color:#00b14f;display:flex;font-size:32px;height:32px;justify-content:center;margin-bottom:8px;width:32px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr.expired .reload-qrcode__button--name{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:.01em;line-height:22px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr.expired .wrapper-qr__qr--time .time-second{display:none}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr.expired .wrapper-qr__qr--time .time-expired{display:block}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__qr .reload-qrcode{display:none}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__instruct{flex-grow:1}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__instruct--title{color:#263a4d;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:24px;margin-bottom:12px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__instruct .step-payment__item{display:flex;gap:12px;margin-bottom:12px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__instruct .step-payment__item:last-child{margin-bottom:0}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__instruct .step-payment__item--step{align-items:center;background:rgba(38,58,77,.1);border-radius:50%;color:#263a4d;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;letter-spacing:.0125em;line-height:22px;width:24px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr__instruct .step-payment__item--name{color:#263a4d;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:22px}.modal-service-payment__content .wrapper-payment__info .detail-transaction{display:none}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank{widtH:480px;overflow-x:hidden;padding:16px 0 0}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__header{margin-bottom:16px;position:relative}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__header--text{color:#263a4d;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.16px;line-height:24px;text-align:center}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__header--text span{color:#00b14f}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__header--link{color:#00b14f;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.16px;line-height:24px;position:absolute;right:0;top:2px}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__wrapper{position:relative}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__wrapper--bg-left{background:linear-gradient(270deg,hsla(0,0%,100%,0),#fff);height:69px;left:0;position:absolute;top:0;width:73px;z-index:1}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__wrapper--bg-right{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));height:69px;position:absolute;right:0;top:0;width:73px;z-index:1}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__list{animation:scrollLeft 90s linear infinite;display:inline-block;white-space:nowrap}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__list--item{background:#fff;border:1px solid #e6e7e8;border-radius:8px;display:inline-block;margin-right:12px;padding:4px 6px}.modal-service-payment__content .wrapper-payment__info--wrapper-bank .wrapper-bank__list--item img{height:60.75px;-o-object-fit:contain;object-fit:contain;width:138.75px}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.modal-service-payment__content .wrapper-note{border-radius:8px;margin-bottom:22px;outline:1px solid rgba(38,58,77,.1);padding:10px 16px}.modal-service-payment__content .wrapper-note__title{align-items:center;display:flex;gap:10px;margin-bottom:8px}.modal-service-payment__content .wrapper-note__title--icon{color:#00b14f;font-size:22px}.modal-service-payment__content .wrapper-note__title--name{color:#263a4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:32px}.modal-service-payment__content .wrapper-note__desc{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px}.modal-service-payment__content .wrapper-note__desc p{font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:8px}.modal-service-payment__footer{align-items:center;box-shadow:0 -3px 4px 0 rgba(0,0,0,.03);display:flex;justify-content:flex-end;padding:16px 32px}.modal-service-payment__footer--not-acount-momo{align-items:center;color:#00b14f;cursor:pointer;display:none;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:22px;margin:0}.modal-service-payment__footer .disabled-account-not-momo{color:#b3b8bd;pointer-events:none}.modal-service-payment__footer--group-button{display:flex;gap:12px}.modal-service-payment__footer--group-button .button{border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:22px;padding:9px;text-align:center;transition:.3s;width:150px}.modal-service-payment__footer--group-button .group-button__cancel{background:#f2f4f5;color:#263a4d}.modal-service-payment__footer--group-button .group-button__cancel:hover{background:#e6e7e8}.modal-service-payment__footer--group-button .group-button__done{background:#e6e7e8;color:#b3b8bd;pointer-events:none}.modal-service-payment__footer--group-button .group-button__done .text-second{display:none}.modal-service-payment .payment-success .wrapper-payment__info{align-items:center;display:flex;justify-content:center}.modal-service-payment .payment-success .wrapper-payment__info--qr,.modal-service-payment .payment-success .wrapper-payment__info--title,.modal-service-payment .payment-success .wrapper-payment__info--title-mobile,.modal-service-payment .payment-success .wrapper-payment__info--wrapper-bank{display:none}.modal-service-payment .payment-success .wrapper-payment__info--payment-success{display:block;text-align:center}.modal-service-payment .payment-success .wrapper-payment__info--payment-success img{height:129px;margin-bottom:16px;width:129px}.modal-service-payment .payment-success .wrapper-payment__info--payment-success p{color:#00b14f;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:28px;margin-bottom:8px}.modal-service-payment .payment-success .wrapper-payment__info--payment-success span{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px}.modal-service-payment .payment-success .group-button__done{background:#00b14f;color:#fff;pointer-events:all}.modal-service-payment .payment-success .group-button__done .text-second{display:inline-block;font-size:14px;font-weight:400;line-height:22px}@media screen and (max-width:900px){.modal-service-payment .modal-dialog{bottom:0;left:0;margin:0;min-width:auto;position:fixed;right:0;width:auto}.modal-service-payment .modal-content{border:0;border-radius:0;transform:translateY(100%);transition:transform .3s ease-out}.modal-service-payment.in .modal-content{transform:translateY(0)}.modal-service-payment__header{justify-content:flex-start;padding:16px}.modal-service-payment__header--title{font-size:16px;font-weight:600;height:24px;letter-spacing:-.01em;line-height:24px;overflow:hidden;padding-right:30px;text-overflow:ellipsis;white-space:nowrap}.modal-service-payment__header--button-close{height:28px;right:16px;top:16px;width:28px}.modal-service-payment__header--button-close i{font-size:15px}.modal-service-payment .box-scroll{margin-right:-16px;max-height:60vh;overflow-y:scroll;padding:1px 16px 1px 1px}.modal-service-payment__content{padding:0 16px}.modal-service-payment__content .wrapper-payment{flex-direction:column;gap:12px}.modal-service-payment__content .wrapper-payment__desc{gap:12px;width:100%}.modal-service-payment__content .wrapper-payment__desc--policy{padding:10px 16px}.modal-service-payment__content .wrapper-payment__desc .policy__title{gap:10px}.modal-service-payment__content .wrapper-payment__desc .policy__title--name{font-size:16px;line-height:24px}.modal-service-payment__content .wrapper-payment__desc .policy__title--icon{font-size:16px}.modal-service-payment__content .wrapper-payment__desc--price{padding:10px 16px}.modal-service-payment__content .wrapper-payment__desc .price__title{gap:10px}.modal-service-payment__content .wrapper-payment__desc .price__title--name{font-size:16px;line-height:24px}.modal-service-payment__content .wrapper-payment__desc .price__title--icon{color:#00b14f;font-size:16px}.modal-service-payment__content .wrapper-payment__desc .price__content--desc{font-size:12px}.modal-service-payment__content .wrapper-payment__info--title{display:none}.modal-service-payment__content .wrapper-payment__info--title-mobile{align-items:center;display:flex;flex-direction:row-reverse;gap:12px;justify-content:flex-end;margin-bottom:16px}.modal-service-payment__content .wrapper-payment__info--title-mobile span{color:#263a4d;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:24px}.modal-service-payment__content .wrapper-payment__info--title-mobile img{height:32px;width:32px}.modal-service-payment__content .wrapper-payment__info .wrapper-qr{display:none}.modal-service-payment__content .wrapper-payment__info .detail-transaction{background:#f2f4f5;border-radius:8px;display:block;padding:16px}.modal-service-payment__content .wrapper-payment__info .detail-transaction__title{color:#263a4d;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:24px;margin-bottom:8px}.modal-service-payment__content .wrapper-payment__info .detail-transaction__price{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.modal-service-payment__content .wrapper-payment__info .detail-transaction__price--title{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:.0125em;line-height:22px}.modal-service-payment__content .wrapper-payment__info .detail-transaction__price--discount{color:#263a4d;font-size:13px;font-weight:700;letter-spacing:.0125em;line-height:22px}.modal-service-payment__content .wrapper-payment__info .detail-transaction__type{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.modal-service-payment__content .wrapper-payment__info .detail-transaction__type--title{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:.0125em;line-height:22px}.modal-service-payment__content .wrapper-payment__info .detail-transaction__type--desc{color:#263a4d;font-size:13px;font-weight:700;letter-spacing:.0125em;line-height:22px}.modal-service-payment__content .wrapper-payment__info .detail-transaction__payment-processing{background:#00b14f;border-radius:4px;color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:22px;margin-top:12px;padding:5px;text-align:center}.modal-service-payment__content .wrapper-payment__info--wrapper-bank{display:none}.modal-service-payment__content .wrapper-note__title{margin-bottom:6px}.modal-service-payment__content .wrapper-note__title--icon{color:#00b14f}.modal-service-payment__content .wrapper-note__title--name{font-size:16px;line-height:24px}.modal-service-payment__footer{justify-content:space-between;padding:16px}.modal-service-payment__footer .button{width:120px}.modal-service-payment__footer--not-acount-momo{display:block}.modal-service-payment__footer .group-button__done{display:none}}.modal-not-payment-momo .modal-content{border:none;border-radius:8px;box-shadow:0 8px 16px 0 rgba(1,18,34,.039);position:relative;text-align:center}.modal-not-payment-momo .modal-dialog{max-width:440px}.modal-not-payment-momo__icon-close{align-items:center;background:rgba(242,244,245,.6);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:19px;top:16px;width:32px}.modal-not-payment-momo__icon-close i{color:#b3b8bd;font-size:23px}.modal-not-payment-momo__image{height:120px;margin:20px 0;-o-object-fit:contain;object-fit:contain;width:120px}.modal-not-payment-momo__title{color:#00b14f;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:28px;margin-bottom:8px}.modal-not-payment-momo__desc{color:#263a4d;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;margin:0 auto 20px;width:70%}.modal-not-payment-momo__footer{display:flex;justify-content:center}.modal-not-payment-momo__button-close{background:#00b14f;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.0125em;line-height:22px;margin-bottom:20px;padding:9px 40.5px}